/* 规划 H5 端字体 */
/* #ifdef H5 */
body{font-family:-apple-system,Helvetica,sans-serif,Arial;}
/* #endif */

.cc-flex{display:flex;}
.cc-rows{display:flex; flex-direction:row;} /* 横向布局 */
.cc-columns{display:flex; flex-direction:column;}/* 纵向 */
.cc-wrap{ flex-direction:row; flex-wrap:wrap;}
.cc-nowrap{flex-direction:row; flex-wrap:nowrap;}
.cc-space-around{ justify-content:space-around;}
.cc-space-between{justify-content:space-between;}
.cc-space-end{justify-content:flex-end;}
.cc-flex-center{justify-content:center;}
.cc-flex-end{display:flex; flex-direction:row; justify-content:flex-end;}
.cc-flex-vtop{align-items:flex-start;}
.cc-flex-vcenter{ align-items:center;}
.cc-flex-vbottom{align-items:flex-end;}
.cc-no-scale{flex-shrink:0;}
.cc-flex1{flex:1;}
.cc-flex-v1{display:flex; flex-direction:column; flex:1;}
.border-box{box-sizing: border-box}
.col-10{width: 10%;}  .col-15{width: 15%;}  .col-20{width: 20%;}
.col-25{width: 25%;}  .col-30{width: 30%;}  .col-33{width: 33.33333333%;}  .col-35{width: 35%;}
.col-40{width: 40%;}  .col-45{width: 45%;}  .col-50{width: 50%;}  .col-55{width: 55%;}  .col-60{width: 60%;}
.col-65{width: 65%;}  .col-70{width: 70%;}  .col-75{width: 75%;}  .col-80{width: 80%;}
.col-85{width: 85%;}  .col-90{width: 90%;}  .col-95{width: 95%;}  .col-100{width: 100%;}

/*边距*/
.padding-5{padding:5rpx;}  .padding-10{padding:10rpx;} .padding-15{padding: 15rpx;}  .padding-20{padding:20rpx;}  .padding-30{padding:30rpx;}
.padding-h5{padding:0 5rpx;} .padding-h10{padding:0 10rpx;}  .padding-h20{padding:0 20rpx;}  .padding-h30{padding:0 30rpx;}.padding-h40{padding:0 40rpx;}
.padding-v5{padding:5rpx 0;} .padding-v10{padding:10rpx 0;} .padding-v20{padding:20rpx 0;}  .padding-v30{padding:30rpx 0;}.padding-v40{padding:40rpx 0;}.padding-v50{padding:50rpx 0;}
.padding-l10{padding-left:10rpx;} .padding-l20{padding-left:20rpx;} .padding-l30{padding-left:30rpx;}
.padding-b5{padding-left:5rpx;} .padding-b10{padding-left:10rpx;} .padding-b20{padding-left:20rpx;} .padding-b30{padding-left:30rpx;}
.padding-l20{padding-left:20rpx;} 

.margin-l35{margin-left:35rpx;}

.margin-l20{margin-left:20rpx;}

.margin-t25{margin-top:25rpx;} 
.margin-0{margin:0!important;} .margin-5{margin:5rpx;} .margin-10{margin:10rpx;} .margin-20{margin:20rpx;}  .margin-30{margin:30rpx;}
.margin-h5{margin:0 5rpx;} .margin-h10{margin:0 10rpx;}  .margin-h20{margin:0 20rpx;} .margin-h30{margin:0 30rpx;} .margin-h50{margin:0 50rpx;}
.margin-v5{margin:5rpx 0;}.margin-v10{margin:10rpx 0;}  .margin-v20{margin:20rpx 0;} .margin-v30{margin:30rpx 0;}.margin-v40{margin:40rpx 0;}.margin-v80{margin:80rpx 0;}
.margin-v50{margin:50rpx 0;}.margin-v80{margin:80rpx 0;}.margin-hauto{margin: auto;}
.margin-t5{margin-top: 5rpx;} .margin-t10{margin-top: 10rpx;}  .margin-t20{margin-top: 20rpx;}  .margin-t30{margin-top: 30rpx;}.margin-t40{margin-top: 40rpx;}
.margin-b5{margin-bottom:5rpx;}  .margin-b10{margin-bottom: 10rpx;}  .margin-b20{margin-bottom: 20rpx;}
.margin-b30{margin-bottom: 30rpx;}.margin-b40{margin-bottom: 40rpx;}.margin-b50{margin-bottom:50rpx;}
.margin-r5{margin-right:5rpx;}.margin-r10{margin-right:10rpx;}  .margin-r20{margin-right:20rpx;}  .margin-r30{margin-right:30rpx;}.margin-r50{margin-right:50rpx;}
.cc-size-8{font-size: 8rpx;}.cc-size-9{font-size: 9rpx;}  .cc-size-10{font-size: 10rpx;}  .cc-size-12{font-size: 12rpx;}.cc-size-14{font-size: 14rpx;}  .cc-size-15{font-size: 15rpx;}.cc-size-16{font-size: 16rpx;}
.cc-size-18{font-size:18rpx;} .cc-size-20{font-size: 20rpx;}  .cc-size-22{font-size: 22rpx;}  .cc-size-24{font-size: 24rpx;}.cc-size-26{font-size: 26rpx;}  .cc-size-28{font-size: 28rpx;}
.cc-size-30{font-size: 30rpx;}.cc-size-32{font-size: 32rpx;}  .cc-size-36{font-size: 36rpx;}.cc-size-42{font-size: 42rpx;}.cc-size-44{font-size: 44rpx;}.cc-size-48{font-size: 48rpx;}
.cc-size-38{font-size: 38rpx;}.cc-size-40{font-size: 40rpx;}.cc-size-55{font-size: 55rpx;}.cc-size-34{font-size: 34rpx;}.cc-size-70{font-size: 70rpx;}
.border-radius-2{border-radius:2rpx;}
.border-radius-4{border-radius:4rpx;}
.border-radius-6{border-radius:6rpx;}
.border-radius-8{border-radius:8rpx;}
.border-radius-10{border-radius:10rpx;}
.border-radius-16{border-radius:16rpx;}
.border-radius-20{border-radius:20rpx;}
.border-radius-26{border-radius:26rpx;}
.border-radius-35{border-radius:35rpx;}
.border-radius-80{border-radius:80rpx;}
.cc-height-16{height:16rpx;}
.cc-height-20{height:20rpx;}
.cc-height-24{height:24rpx;}
.cc-height-30{height:30rpx;}
.cc-height-40{height:40rpx;}
.cc-height-45{height: 45rpx;}
.cc-height-50{height:50rpx;}
.cc-height-60{height:60rpx;}
.cc-height-70{height:70rpx;}
.cc-height-80{height:80rpx;}
.cc-height-200{height:200rpx;}
.cc-lineHeight-17{line-height:17rpx;}
.cc-lineHeight-20{line-height:20rpx;}
.cc-lineHeight-24{line-height:24rpx;}
.cc-lineHeight-30{line-height:30rpx;}
.cc-lineHeight-40{line-height:40rpx;}
.cc-lineHeight-50{line-height:50rpx;}
.cc-lineHeight-60{line-height:60rpx;}


.cc-wh-50{width: 50rpx;height: 50rpx}
.cc-wh-60{width: 60rpx; height: 60rpx;}
.cc-wh-80{width: 80rpx; height: 80rpx;}
.cc-wh-100{width: 100rpx; height: 100rpx;}
.cc-wh-120{width: 120rpx; height: 120rpx;}
.cc-wh-140{width: 140rpx; height: 140rpx;}
.cc-wh-150{width: 150rpx; height: 150rpx;}
.cc-wh-160{width: 160rpx; height: 160rpx;}
.cc-wh-180{width: 180rpx; height: 180rpx;}
.cc-wh-200{width: 200rpx; height: 200rpx;}
.cc-avatar-40{width:40rpx; height: 40rpx; border-radius:20rpx;}
.cc-avatar-60{width:60rpx; height: 60rpx; border-radius:30rpx;}
.cc-avatar-80{width:80rpx; height: 80rpx; border-radius:40rpx;}
.cc-avatar-100{width:100rpx; height: 100rpx; border-radius: 50rpx;}
.cc-avatar-120{width:120rpx; height: 120rpx; border-radius: 60rpx;}
.cc-avatar-140{width:140rpx; height: 140rpx; border-radius: 70rpx;}
.cc-avatar-160{width:160rpx; height: 160rpx; border-radius:80rpx;}
.cc-avatar-200{width:200rpx; height: 200rpx; border-radius:100rpx;}


.cc-img-16040{width:160rpx; height: 40rpx;}



/*主题颜色*/
/* 颜色 */
.cc-color-main{color: #0069c6;}
.cc-color-sub{color: #1ca4e5;}
.cc-color-white{color: #FFFFFF;}
.cc-color-eee{color: #EEEEEE;}
.cc-color-ccc{color: #CCCCCC;}
.cc-color-222{color:#222222;}
.cc-color-333{color:#333333;}
.cc-color-666{color:#666666;}
.cc-color-888{color:#888888;}
.cc-color-777{color:#777777;}
.cc-color-999{color:#999999;}
.cc-color-f66{color: #FF6666;}
.cc-color-blue{color: #6699FF;}
.cc-color-warning{color:#F0B458;}
.cc-color-orange{color:#FF4E00;}
.cc-color-green{color:#1CC600;}
.cc-color-success{color:#67C23A;}
.cc-color-danger{color:#F56C6C;}
.cc-color-c5{color: #C0BFC5;}
.cc-color-005{color: #00D5BB}
.cc-color-505{color: #505861;}
.cc-color-12c{color: #12CAB3;}
.cc-color-bc{color: #BCBCBC;}
.cc-color-e2{color: #E2E2E2;}
.cc-color-23{color: #23B3AD;}
.cc-color-4c{color: #4CCCC5;}
.cc-color-c4{color: #C4C4C4;}
.cc-color-a4{color: #a4a4a4;}
.cc-color-e6{color: #e6e6e6;}

/* 背景 */
.cc-bg-main{background-color: #0069c6;}
.cc-bg-sub{background-color: #1ca4e5;}
.cc-bg-white{background-color: #ffffff;}
.cc-bg-f66{background-color: #FF6666;}
.cc-bg-f0{background-color: #F0F0F0;}
.cc-bg-f6{background-color: #f6f6f6;}
.cc-bg-blue{background-color: #48affe;}
.cc-bg-orange{background-color: #FF4E00;}
.cc-bg-green{background-color: #1CC600;}
.cc-bg-gray{background: #F6F7FC}
.cc-bg-warning{background-color: #FFC72C;}
.cc-bg-333{background-color: #333333;}
.cc-bg-ef7{background-color: #E9FEF7;}
.cc-bg-bff{background-color: #E6FBFF;}
.cc-bg-b5{background-color: #26B5AE;}
.cc-bg-4c{background-color: #4CCCC5;}
.cc-bg-f7{background-color: #F7F7F7;}
.cc-bg-f4{background-color: #F4F7F7;}
.cc-bg-ea{background-color: #EAF9F8;}
.cc-bg-d1{background-color: #D1D1D1;}
.cc-bg-f44{background-color: #F4F4F4;}
.cc-bg-c4{background-color: #C4C4C4;}
.cc-bg-f2{background-color: #F2F4F8;}


.cc-bg-f5f3{background-color: #F5F3F3;}

.cc-bg-999{background-color: #999999;}
.cc-bg-ccc{background-color: #C2E7E5;}

.cc-pointer{cursor: pointer}
/*字体*/
.cc-txt-titleA{font-size: 15rpx; font-weight: 600;}
.cc-txt-desc{font-size: 13rpx; color: #888888;}
.font-yahei{font-family: Microsoft YaHei;}

.cc-txt-bold{font-weight: bold;}
.cc-size-main{font-size: 13rpx;}
.cc-txt-through{text-decoration: line-through;}
.cc-txt-right{text-align: right;}
.cc-txt-center{text-align: center;}
.cc-txt-justify{text-align: justify;}


/*边框*/
.border{border: 1rpx solid #eeeeee;}
.border-99{border: 1rpx solid #CCCDC8;}
.border-4c{border: 1rpx solid #4cccc5;}
.border-e6{border: 1rpx solid #E6E8EB;}
.border-bottom{border-bottom: 1rpx solid #eeeeee;}
.border-top{border-top: 1rpx solid #eeeeee;}
.border-left{border-left: 1rpx solid #eeeeee;}
.border-right{border-right: 1rpx solid #eeeeee;}

/*定位*/
.cc-relative{position: relative;}
.cc-absolute{position: absolute;}
/*文字截断*/
.cc-txt-truncate{text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden; white-space:nowrap; -webkit-line-clamp: 3;display: -webkit-box;}

/*文字超出3行截断*/
.cc-txt-trunca{overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/*文字超出2行截断*/
.cc-txt-trunca-2{overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cc-txt-trunca-1{overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.img-auto{max-width: 100%; height: auto; display: block;}

/*公共定义*/
.cc-box-shadow{box-shadow: -3rpx 0rpx 24rpx 0rpx rgba(76,204,197,0.65);}


/*选项卡*/
.tab-head .th-item{cursor: pointer;}
.tab-box .tb-item{display:none;}
.tab-box .tb-item.active{display:block;}


/** 加载更多 **/
.showloadall{height: 100rpx; text-align: center;color: #999;margin-top: 20rpx;}

/*动画*/
@keyframes myfirst {
    0%   {background:#12CAB3;}
    25%  {
        background:#D6F9F4;color: #12CAB3;
    }
}
